<!DOCTYPE html>
<html>
<head>
	<title>补单</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/user.css">
	<style type="text/css">[v-cloak]{display: none;}</style>
</head>
<body class="order_add body_bg">
<div id="app" v-cloak>
	<div class="box_shadow_ff box1">
		<div class="title">
			号码信息
		</div>
		<div class="input_box mt_20h">
			<label for="mobile">号码</label>
			<input type="number" placeholder="填写销售号码" id="mobile">
		</div>
	</div>
	<div class="box_shadow_ff mt_30h order1">
		<div class="title">销售信息</div>
		<div class="input_box">
			<label for="saleMin">销售低价</label>
			<input type="text" placeholder="填写销售低价" id="saleMin" >
		</div>
		<div class="input_box">
			<label for="saleReal">实际售价</label>
			<input type="text" placeholder="填写销售低价" id="saleReal" >
		</div>
		<div class="input_box">
			<label for="saleMin">收款方式</label>
			<div class="select_box">
				<select name="" class="no_arr" id="" v-model="pay_way">
					<option value="0">选择收款支付</option>
					<option value="1">线下支付</option>
					<option value="2">线上支付</option>
				</select>
			</div>
		</div>
		<div class="dash" v-show="pay_way==0||pay_way==1">
			<div class="input_box">
				<label>预收款</label>
				<input type="text" placeholder="填写预收款金额">
			</div>
			<div class="input_box">
				<label>支付方式</label>
				<input type="text" placeholder="填写预收款的支付方式">
			</div>
			<div class="input_box">
				<label>余收款</label>
				<input type="text" placeholder="填写余收款的金额">
			</div>
			<div class="input_box">
				<label>支付方式</label>
				<input type="text" placeholder="填写余收款的支付方式">
			</div>
		</div>
		<div class="dash" v-show="pay_way==2">
			<div class="input_box">
				<label>总收款</label>
				<input type="text" placeholder="填写收款金额">
			</div>
			<div class="input_box">
				<label>支付方式</label>
				<input type="text" placeholder="填写预收款的支付方式">
			</div>
		</div>
	</div>
	<div class="box_shadow_ff mt_30h order1">
		<div class="title">
			客户信息
		</div>
		<div class="input_box mt_20h">
			<label for="mobile">姓名</label>
			<input type="text" placeholder="填写客户姓名" id="">
		</div>
		<div class="input_box mt_20h">
			<label for="mobile">联系电话</label>
			<input type="number" placeholder="填写联系电话" id="">
		</div>
	</div>
	<div class="box_shadow_ff mt_30h order1">
		<div class="title">
			收货地址
		</div>
		<div class="input_box mt_20h">
			<label for="mobile">姓名</label>
			<input type="number" placeholder="填写收货人姓名" id="">
		</div>
		<div class="input_box mt_20h">
			<label for="mobile">联系电话</label>
			<input type="number" placeholder="填写手机号" id="">
		</div>
		<div class="input_box mt_20h">
			<label for="mobile">所在地区</label>
			<input type="text" placeholder="选择所在地区" id="">
		</div>
		<div class="input_box mt_20h">
			<label for="mobile">详细地址</label>
			<input type="text" placeholder="填写手机号" id="">
		</div>
	</div>
	<div class="box_shadow_ff mt_30h order1">
		<div class="title">
			入网资料
		</div>
		<div class="input_box mt_20h">
			<label for="mobile">姓名</label>
			<input type="text" placeholder="填写使用人姓名" id="">
		</div>
		<div class="input_box mt_20h">
			<label for="mobile">身份证号</label>
			<input type="number" placeholder="填写身份证号" id="">
		</div>
		<div class="input_box mt_20h">
			<label for="mobile">身份证照</label>
			<div class="tips">
				请按照示例图，上传对应图片
			</div>
		</div>
		<div class="photo_box pad_usual disFlex">
			<div class="photo_info">
				<div class="ac">
					<img src="img/statusm1.png" class="icon_status end" alt="">
					<p class="tips_text">上传身份证正面图片</p>
					<div class="line_blue"></div>
				</div>
				<div class="ac">
					<img src="img/statusm2.png" class="icon_status" alt="">
					<p class="tips_text">上传身份证反面图片</p>
					<div class="line_blue"></div>
				</div>
				<div class="ac">
					<img src="img/statusm3.png" class="icon_status" alt="">
				</div>
			</div>
			<div class="photo_img">
				<div class="card_box">
					<img src="img/card_z.png" class="card_img" alt="">
					<p class="img_tips">身份证正面</p>
					<div class="file_box">
						<div class="file_up_box ">
							<img src="img/up_file.png" class="icon_file" alt="">
							<p class="img_tips">上传图片</p>
							<input type="file" class="up_file">
						</div>
						<div class="card_up hide">
							<img src="img/close_icon.png" class="icon_close" alt="">
							<img src="img/card_z.png" class="img_user" alt="">
						</div>
					</div>
				</div>
				<div class="card_box">
					<img src="img/card_f.png" class="card_img" alt="">
					<p class="img_tips">身份证反面</p>
					<div class="file_box">
						<div class="file_up_box ">
							<img src="img/up_file.png" class="icon_file" alt="">
							<p class="img_tips">上传图片</p>
							<input type="file" class="up_file">
						</div>
						<div class="card_up hide">
							<img src="img/close_icon.png" class="icon_close" alt="">
							<img src="img/card_z.png" class="img_user" alt="">
						</div>
					</div>
				</div>
				<div class="card_box person">
					<img src="img/card_p.png" class="card_person" alt="">
					<p class="img_tips">手持身份证</p>
					<div class="file_box">
						<div class="file_up_box ">
							<img src="img/up_file.png" class="icon_file" alt="">
							<p class="img_tips">上传图片</p>
							<input type="file" class="up_file">
						</div>
						<div class="card_up hide">
							<img src="img/close_icon.png" class="icon_close" alt="">
							<img src="img/card_z.png" class="img_user" alt="">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="tips mt_20h">
			<span :class="{radio:true,manage:isCheck}" @click="isCheck=!isCheck"></span>
			<em> 勾选则表示你已经充分了解并完全同意<span class="text_blue">《客户入网协议》</span></em>
		</div>
	</div>
	<div class="submit_btn mt_40h">提交</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/public.js"></script>
<script type="text/javascript">
var app = new Vue({
	el:"#app",
	data:{
        pay_way:0,
        isCheck:true,
	},
	methods:{

	},
	created:function(){},
	mounted:function(){}
})	

</script>
</body>
</html>